html{
    font-size: 100px;
}
body{
    background-color: #eeeeee;
}
.main{
    .user-info{
        width: 100%;
        overflow: hidden;
        background-color: #FFFFFF;
        .userInfo{
            overflow: hidden;
            margin-top: 7px;
            line-height: 0.35rem;
            font-size: 17px;
            color: #666666;
            .name{
                float: left;
                margin-left: 0.34rem;
            }
            .phone{
                float: right;
                margin-right: 0.09rem;
            }
        }
        .addr{
            margin-left: 0.34rem;
            font-size: 16px;
            line-height: 0.27rem;
            color: #999999;
            margin-bottom: 0.11rem;
        }
    }
    .goods-info{
        width: 100%;
        height: 1.15rem;
        background-color: #FFFFFF;
        margin: 0.15rem 0;
        overflow: hidden;
        padding: 0.13rem 0 0.14rem 0.1rem;
        .item-img{
            float: left;
            width: 0.88rem;
            height: 0.88rem;
            img{
            display: block;
            width: 100%;
            height: 100%;
            }
        }
        .item-info{
            width: 66%;
            float: left;
            font-size: 13px;
            margin-left: 0.16rem;
            p{
                a{
                    color: #666666;
                }
            }
            .comment{
                display: block;
                font-size: 12px;
                color: #999999;
                line-height: 0.35rem;
                margin-top: 5px;
                font-style: normal;
                span{
                    color: #FF3333;
                }
            }
            .item-line{
                width: 100%;
                height: 0.16rem;
                i{
                    font-style: normal;
                }
                .price{
                    float: left;
                    font-style: normal;
                    color: #FF3333;
                    font-size: 12px;
                    margin-left: -3px;
                    span{
                        line-height: 0.16rem;
                        font-size: 16px;
                    }
                }
                .num{
                    float: right;
                    margin-right: 0.15rem;
                    font-size: 12px;
                    color: #999999;
                    }
            }   
        }     
    }
    .logistics{
        ul{
            li{
                background-color: #FFFFFF;
                border-top: 1px solid #cfcfcf;
                width: 100%;
                line-height: 0.3rem;
                font-size: 14px;
                color: #999999;
                padding: 0 0.1rem;
                overflow: hidden;
                span{
                    float: left;
                }
                i{
                    font-style: normal;
                    float: right;
                }
            }
            li:first-child{
                border-top: 0;
            }
        }
    }
    .operation{
        width: 100%;
        line-height: 0.35rem;
        position: fixed;
        bottom: 0;
        left: 0;
        .all_price{
            background-color: #FFFFFF;
            border-top: 1px solid #cccccc;
            float: left;
            width: 69%;
            padding-right: 0.15rem;
            font-size: 14px;
            p{
                float: right;
            }
            span{
                font-size: 17px;
                color: #FF3333;
            }
            i{
                color: #FF3333;
                font-style: normal;
            }
        }
        .btn{
            float: right;
            display: block;
            width: 31%;
            line-height: 0.37rem;
            outline: none;
            border: none;
            background-color: #FF3333;
            color: #FFFFFF;
            font-size: 15px;
        }
    }
}
